@import url('style.css');
*{ margin: 0;padding: 0;}
body {-webkit-text-size-adjust:none; overflow-x:hidden;}
a{color: #333;text-decoration: none;}
a:hover{color: #333;text-decoration: none;}
li{list-style: none;}
body{color:#333;font-family: 'Lato', sans-serif;}
.fl{float: left;}
.fr{float: right;}
.w1200{width: 1200px;}
.ho{height: auto;overflow: hidden;}
.cl{clear: both;}
.mr{margin: 0 auto;}
.wot{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

input[name="color"]::-webkit-input-placeholder{	color: #000;}
input[name="color"]:-moz-placeholder {	color: #000;} 
input[name="color"]::-moz-placeholder{ color: #000;}
input[name="color"]:-ms-input-placeholder{color: #000; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-mg-1, .col-mg-2, .col-mg-3, .col-mg-4, .col-mg-5, .col-mg-6, .col-mg-7, .col-mg-8, .col-mg-9, .col-mg-10, .col-mg-11, .col-mg-12{transition: 0.5s;}

.carousel-indicators {z-index: 2}
.carousel-indicators .active {height: 12px;width: 12px;border-radius: 50%;}
.carousel-indicators li {height: 12px;width: 12px;border-radius: 50%;}


.owl-carousel.owl-loaded{margin:30px 0}
/* 头部 */



.fixed_top{z-index: 99;width: 100%;}
.headers{transition: 0.5s;background: #fff;width: 100%;z-index: 100;}
.tops{background: #f4f4f4;color: #fff;line-height: 35px;font-size: 14px;width: 100%;z-index: 100;}
.tops span{color: #666;}
.tops .share-buttons li{float: left;margin:0 5px;}
.tops .share-buttons li i{font-size: 23px;color: #fff}

.headers .logo img{display: block;max-width: 100%;margin-top:27px;margin-bottom: 27px;}
.headers .tels{margin-top:37px;margin-bottom: 37px;}
.headers .tels span{display: block;font-size: 14px;color: #333333;}
.headers .tels b{font-size: 26px;font-family: Impact;color: #d71312;}
.headers .tels .l{width: 38px;float: right;padding-top:10px;margin-right: 10px;}
.headers .tels .r{width: 171px;float: right;}

.navsbg{background: #0076bc;width: 100%;height: auto;z-index: 999;}
.nav > li{text-align: center;margin:0 10px;}
.nav > li > a{color: #fff;position: relative;font-weight: 200;text-transform : uppercase;font-size: 16px;padding:0 36px;}


.nav > li > a:after{
    content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 11px;
    background: #c40d23;
    height: 2px;
    border-radius: 2px;
    transform: rotateY(90deg);
    transform-origin: center;
    transition: all 300ms ease;
    }


.nav > li > a:hover, .nav > li > a:focus{background: #2b2a2f;}
.nav > li > a:hover:after{transform: rotateY(0);}

.fixed_top .nav > li > a{color: #fff;position: relative;font-weight: 200;}
.fixed_top .nav > li > a:hover,.fixed_top .nav > li > a:focus{color: #fff}


.navsbg .container{min-height: 0px;}
.s-b{min-height: 0px;padding:0;}
.navbar-toggle{margin:0 auto;position: absolute;top: -12vw;right: 5vw;}
.navbar-toggle i{color: #ffc71c;font-size: 32px;}
.carousel-inner img{position: relative;}





.bannerzy{background: url('../Images/nybg.jpg') no-repeat center center;padding: 60px 0  30px;text-align: center; margin-bottom:30px;}
.bannerzy .catname{font-size:60px;color: #fff;font-weight: lighter;}
.daohang{background: url('../Images/dh-bg.jpg') repeat center center;}

.daohang .danghao-li{padding:17px;}
.daohang .danghao-li .words{height:40px;border-radius:3px;background: #fff;outline: none;border:0;margin-top:3px;float: left;text-indent: 1em;}
.daohang .danghao-li .btn{width: 20%;height: 36px;color: #fff;outline: none;border: none;background: url(../Images/Icon-search.png) no-repeat center center;background-size: 22px 22px;transition: 0.2s ease-out;outline: none;margin-top: 3px;}




.banner .owl-theme .owl-dots .owl-dot span {width: 30px;height: 30px;}
.banners .banner .owl-theme .owl-dots .owl-dot span {width: 10px;height: 10px;}






.dh-l{width: 65px;float: left;}
.dh-r{width: 185px;float: left;}
.dh-r span{display: block;float: left;width: 100%;color: #f9eedc;font-size: 22px;font-weight: bold;padding-bottom: 5px;}
.dh-r i{ font-style: normal;color: #f9eedc;line-height: 22px; }



@font-face{
        font-family: 'myfont';
        src: url('../Font/LIGHTSIDERCOMPACTEXP.eot');
        src: url('../Font/LIGHTSIDERCOMPACTEXP.eot?#iefix') format('embedded-opentype'),
        url('../Font/LIGHTSIDERCOMPACTEXP.woff2') format('woff2'),
        url('../Font/LIGHTSIDERCOMPACTEXP.woff') format('woff'),
        url('../Font/LIGHTSIDERCOMPACTEXP.ttf') format('truetype');
        font-weight: normal;
        font-stretch:ultra-expanded;
}

.bannerzy .catname-s{width: 92px;height: 4px;background: #fff;margin:0 auto;margin:20px auto;}
.bannerzy .location,.bannerzy .location a{font-size: 17px;color: rgba(255, 255, 255, 0.5);text-transform : uppercase; font-weight: lighter;}

/* 公司简介 */
.com1 {padding:30px 0;}
.com1 img{display: block;width: 100%;}
.com2 {font-family:Arial;font-size: 16px;line-height: 35px;color: #666; padding-bottom:40px; padding-left:20px; padding-right:20px;margin-top:20px;}
.com2 img{
max-width: 100%; 
}

.hot{background: rgba(2, 3, 5, 0.8);position: absolute;bottom:0px;height: 80px;line-height: 80px;width: 100%;}
.hot .hotl {color: #fff;font-size: 14px;}
.hot .hotl i {color: #ffc71c;float: left;display: block;font-size: 32px;}
.hot .hotl span{color: #fff;float: left;display: block;}
.hot .hotl li{color: #ccc;float: left;}
.ss{height:45px; width: 100%;margin-top:18px;}
.sou_left{float:left; width:345px; height:45px; text-align:left; color:#fff; line-height:30px; padding-left:10px;outline: none;border:none;font-size: 14px;}
.ss_pic{ float:right;}


.s-l{padding-top: 10%;}
.s-lp{position: relative;display: block;max-width:80%;padding:40px 0;}
.bt1{display: block;margin:20px 0;}
.bt2{display: block;margin:20px 0;}
.s-r-s {font-size: 18px;color: rgba(255,255,255,0.5);display: block;height: auto;margin:20px 0;font-weight: lighter;}
.s-r{padding-top: 15%;}

.s-r-l {text-align: center;}
.s-r-l li{vertical-align: top;}
.s-r-l li em{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;width: 100px;height:100px;border-radius: 20px;border:2px solid #fff;display: block;margin:0 auto;}
.s-r-l li em i{font-size: 55px;line-height: 100px;color: #fff;font-weight: lighter;}
.s-r-l li span{color: #fff;}


/* 多参 */


.bit-t{font-size: 34px;font-weight: bold;color: #3f3f3f;margin:50px auto;text-align: center;height: 80px;}
.bit-t span{display: inline-block;height: 100%;border-bottom: 4px dashed #ffc000;margin:0 auto;position: relative;z-index: 9;width: 350px;text-align: center;}
.bit-t-s{position: relative;font-family: Impact;font-size: 60px;margin: 0 auto; z-index: 8;color: rgba(153, 153, 153, 0.2);margin:0 auto;display: inline-block;bottom: 64px;text-transform : uppercase;line-height: 60px;}
.bit-t i{font-style: normal;color: #fbce45;}


/* 首页 */
.main{width: 100%;height: auto;}





.product-bg{width: 100%;height: auto;overflow: hidden;background: url('../Images/product-bg.png') repeat-y center center;}
.product-fenlei li{margin-top: 5px;margin-bottom: 5px;}
.product-fenlei li span{text-align: center;position: relative;height: 40px;background: #3f3f3f;display: block;line-height: 40px;}
.product-fenlei li a{color: #fff;font-size: 14px;text-decoration: none;}
.product-fenlei li:hover span {background: #ffc71c;}
.product-fenlei li:hover a {color: #000;}
.product-c{padding-bottom: 40px;height: auto;overflow: hidden;}
.product-c li{margin:20px auto;transition: 0.2s;}
.product-c li img{display: block;width: 100%;}
.product-c li span{float: left;display: block;width: 100%;}
.product-c li i{float: left;display: block;width: 100%;height: 48px;line-height: 48px;background: #313131;font-style: normal;color: #fff;text-align: center;font-size: 20px;}
.product-c li:hover {box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); 	-webkit-transform: translate3d(0, -6px, 0);    transform: translate3d(0, -6px, 0);}
.product-c li:hover i{background: #fdd047;color: #000;}




.youshi-bg{width: 100%;height: auto;overflow: hidden;background: url('../Images/youshi-bg.png') repeat-y center center;padding-bottom: 30px;}

.youshi-c img{display: block;width: 100%;}
.youshi-c-t{font-size: 36px;font-weight: bold;color: #303030;font-weight: lighter;line-height: 45px;margin:20px 0;}
.youshi-c-s{width: 55px;height: 4px;margin-bottom: 30px;background: #d4d4d4;}
.youshi-c-c li{line-height: 35px;}
.youshi-c-c li:last-child{margin-bottom: 30px;}




.about-bg{width: 100%;height: auto;overflow: hidden;background: url('../Images/product-bg.png') repeat-y center center;padding-bottom: 30px;}
.about-cl{margin:20px auto;}
.about-cl img{display: block;width: 100%;}
.about-cr{margin:20px auto;}
.about-cr-t{font-size:24px;color: #282828;font-weight: bold; }
.about-cr-t span{font-size:14px;color: #666666;display: block;text-transform : uppercase;font-weight: lighter;}
.about-cr-c{margin: 20px 0;font-size: 16px;}
.about-cr-c1{line-height: 30px}
.about-cr-c1 a{color: #f9bd0f;}
.about-cr-c2 {text-align: center;}
.about-cr-c2 li {display: inline-block;width:22%;}
.about-cr-c2 li img{display: block;max-width: 100%;margin:10px auto;}
.about-cr-c2 li span{text-align: center;}



.case-bg{width: 100%;height: auto;overflow: hidden;background: url('../Images/youshi-bg.png') repeat-y center center;padding-bottom: 30px;}
.rvc{max-width:1140px;position:relative;margin:auto;margin-top:30px}
.rvc .rvc-wrapper{margin:auto;overflow:hidden}
.rvc .rvc-wrapper ul{overflow:hidden;position:relative}
.rvc .rvc-wrapper ul li{float:left;border:1px solid #cccccc;}
.rvc .rvc-wrapper ul li a{display:block;width:100%;height:auto;text-decoration:none}
.rvc .rvc-wrapper ul li a .img-wrapper{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width: 100%;}
.rvc .rvc-wrapper ul li a .img-wrapper img{display: block;width: 100%;}
.rvc .rvc-wrapper ul li a h2{margin-top:10px;text-align:center}
.rvc .rvc-wrapper ul li a p{height: 35px;line-height: 35px;text-align: center;margin-bottom: 0px;}
.rvc-prv,.rvc-next{position:absolute;height:100%;top:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.rvc-prv{left:0}
.rvc-next{right:0}




.news-bg{width: 100%;height: auto;overflow: hidden;background: url('../Images/product-bg.png') repeat-y center center;padding-bottom: 30px;}
.news-cl .img-wrapper img{display: block;width: 100%;margin-bottom: 20px;}
.news-cl .content-wrapper .c1{color: #1b1a1a;line-height: 26px;font-size: 20px;margin-bottom: 10px}
.news-cl .content-wrapper .c2{color: #1b1a1a;line-height: 26px;font-size: 16px;}
.news-cr .news-cr-1{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:50px 0;text-align: center;margin-bottom: 40px;border-right: 1px solid #ccc;}
.news-cr .news-cr-1 .news-cr-11{font-size: 24px;font-weight: bold;color: #333}
.news-cr .news-cr-1 .news-cr-12{font-size: 18px;color: #999}

.news-cr .news-cr-2 .news-cr-21{font-size: 18px;font-weight: bold;color: #333}
.news-cr .news-cr-2 .news-cr-22{font-size: 14px;color: #333;margin:10px 0;line-height: 32px;}



.text-t{text-align: center;margin:0 auto;padding:0;width: 100%;height: auto;}
.text-t-d{position: relative;top:20px;color: rgba(40, 40, 40,0.08);font-family: Impact;font-size: 60px;text-transform : uppercase;text-align: center;width: 100%;}
.text-t-u{position: absolute;top:35px;color: #222222;text-transform : uppercase;font-size: 38px;font-weight: bold;width: 100%;}
.text-t-s{width: 100%;padding:10px 0;}
.text-t-s span{width: 100px;height: 3px;background: #cf0000;margin:0 auto;}
.text-t-p{line-height: 22px;text-align: center;width: 100%;font-size: 16px;color: #999999;text-transform : uppercase;font-family: 微软雅黑;}



.text-t-d1{position: relative;top:0px;color: rgba(40, 40, 40,0.08);font-family: Impact;font-size: 60px;text-transform : uppercase;text-align: center;width: 100%;}
.text-t-u1{position: absolute;top:120px;color: #222222;text-transform : uppercase;font-size: 38px;font-weight: bold;width: 100%;}
.text-t-s1{width: 100%;}
.text-t-s1 span{width: 100px;height: 3px;background: #cf0000;display: block;margin:0 auto;}
.text-t-e{padding:30px 0;font-size: 34px;text-transform : uppercase;}




.text-t{text-align: center;margin:0 auto;padding:0;width: 100%;height: auto;}
.text-t-d2{color: rgba(40, 40, 40,0.08);font-size:22px;text-transform : uppercase;text-align: center;width: 100%;}
.text-t-u2{color: #222222;text-transform : uppercase;font-size: 38px;font-weight: bold;width: 100%;text-align: center;}



.text-t-p2 span{line-height: 22px;text-align: center;font-size: 16px;color: #999999;text-transform : uppercase;background: #d40014;display: block;line-height: 35px;color: #fff;font-weight: lighter;}




.p-t{padding:30px 15px;}
.p-tt {text-align: center;width: 100%;}
.p-tt li{min-height: 45px;border:1px solid #ccc;width: 250px;display: inline-block;margin:20px 20px 5px 20px;padding-top: 12px;font-size: 17px;padding-bottom: 12px;}





._01_wrap_pro{margin-top: 2%;width: 100%;}
._01_wrap_pro ._pro_name{background: #f9f9f9;margin-top: 2px;transition: all .4s;
font-size: 14px;}
._01_wrap_pro ._pro_name p{font-weight: normal;color: #201c19;font-size: 12px;text-transform: uppercase; }
._01_wrap_pro ._pro_name p span{font-size: 14px;line-height: 45px;display: block;width: 100%;text-align: center;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
._01_wrap_pro a:hover ._pro_name{background: #bb0202 url(../Images/pro_arrow_hover.png) 90% center no-repeat;margin-top: 2px;}
._01_wrap_pro a:hover ._pro_name p{color: #fff;}
._01_wrap_pro .owl-dot{position: relative;top:20px;}

.box1{background: #fff;}
.m-product{ height: auto}
.slideGroup{ width:100%;overflow:visible; position:relative;}
.slideGroup .parHd{background: #f0f0f0;margin: 30px 0;}
.slideGroup .parHd ul{  width: 100%; overflow: hidden;text-align: center;}
.slideGroup .parHd ul li{display: inline-block;line-height: 60px;padding:0 30px;}
.slideGroup .parHd ul li a{ color: #323232;font-size: 16px;text-transform : uppercase;font-weight: lighter;display: block;width: 100%;height: 100%;}
.slideGroup .parHd ul li.on a{color: #fff}
.slideGroup .parHd ul li.on{background: #0076bc;}


.slideGroup .parBd{ width: 100%;  overflow: hidden;padding:0 10px;}
.slideGroup .parBd ul{ width: 100%; margin: 0 auto; overflow: hidden;text-align: center;}
.slideGroup .parBd ul li{display: inline-block;margin-bottom: 20px;}
.slideGroup .parBd ul li img{width: 100%; height:280px;}
.slideGroup .parBd ul li span{display: block;line-height: 45px;font-size: 14px;text-align: left;background: #f0f0f0;padding:0 10px;

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.slideGroup .parBd ul li span i{float: right;}




.mores{width: 100%;margin:30px auto;}
.mores span{display: block;width:244px;height: 52px;line-height: 52px;border-radius: 26px;border:1px solid #cf0000;text-align: center;margin:0 auto;transition: 0.5s;}
.mores span a{display: block;width: 100%;height: 100%;color:#cf0000;font-size: 16px;text-transform : uppercase;}
.mores span:hover{border-radius: 0px;}



.box2{background: url('../Images/ave-bg.jpg') repeat-y center center;}
.box2li{}
.rebox{margin:30px auto;}
.box2li-bg{border:1px dashed #a0a0a0;width: 100%;padding:14px;color: #fff;margin-top:40px;margin-bottom: 40px;min-height: 350px;}
.box2li-1 {}
.box2li-1 {text-align: center;font-size:60px;color: #fff;}
.box2li-1 img{display: block;width: 100%;}
.tel-s{margin:30px auto;height: 48px;text-align: center;}
.tel-s span{line-height: 48px;border-radius: 24px;background: #d40014;color: #fff;font-size: 24px;}
.tel-s span i{font-size: 24px;}

.box2li-2 {font-size: 20px;text-transform : uppercase;line-height: 54px;color: #000;}
.box2li-2  i{font-size: 20px;}
.box2li-3{font-family: Arial;font-size: 16px;text-transform : uppercase;font-weight: lighter;color: #333333;}

.box3{background: url('../Images/com-bg.jpg') repeat-y center center;padding:40px 0  ;}
.box3 .texts{font-size: 16px;text-align: center;line-height: 30px;padding:40px 0;}
.box3 .reli{margin:20px 0;}
.box3 .reli-1{margin:0 auto;width: 80%;}
.box3 .reli span{display: block;margin:0 auto;}
.box3 .reli span i{font-size: 80px;color: #cf0000;position: relative;width: 100%;display: block;border-radius: 50%;border:3px solid #cf0000;text-align: center;line-height:200px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.box3 .reli em{width: 20px;height: 20px;border-radius: 50%;background: #cf0000;position: absolute;top:-5px;display: block;}
.box3 .reli-2{font-size: 20px;color: #3d3d3d;text-align: center;padding-top: 10px;}



.box4{margin-top:40px;margin-bottom: 40px;}
.box4s{background: url('../Images/adv-bg.jpg') no-repeat center center;padding:30px 0;}
.casebox {width: 100%;height:auto;overflow: hidden;}

.index-cases{background-color: #f1f2f4; overflow: hidden;}
.case-list{}
.case-list .case-item{transition: all .2s linear 0s;}
.case-list .case-item .case-item-wrap{ transition: all .2s linear 0s;}
.case-list .case-item .case-title{ text-align: center;	padding: 1% 0;	margin-bottom: 0;	line-height: 290%;	background: #fff;	overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;	font-size: 120%; transition: all .2s linear 0s;    border-bottom: 5px solid #0f4bad;}
.case-list .case-item .case-item-wrap:hover{ -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);	box-shadow: 0 0 30px rgba(0,0,0,0.3);}
.case-list .case-item .case-item-wrap:hover .case-title{ background-color: #0f4bad; color: #fff;}
.case-list.owl-carousel .owl-stage-outer .case-item-wrap:hover{ -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);	box-shadow: 0 0 15px rgba(0,0,0,0.3);}











.box5{}
.newc-li{margin:20px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:20px 30px;background: #f7f7f7;border:5px solid #fff;}
.newc-li-1{font-size: 22px; color: #333333;line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;margin-bottom: 10px;}


.newc-li-2{font-size: 17px; color: #999999;line-height: 24px;
    overflow: hidden;font-weight: lighter;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;margin-bottom: 10px;}
.newc-li-3{font-size: 22px; color: #000;}
.newc-li:hover{background: #ce0a0a;}
.newc-li:hover .newc-li-1,.newc-li:hover .newc-li-2,.newc-li:hover .newc-li-3{color: #fff;}
.box6{background: #f4f4f4;padding:20px 0;}
.hzc{height: auto;overflow: hidden;width: 100%;padding-top:20px;padding-bottom: 10px;}
.hzli{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;border:2px solid #f4f4f4;margin-top:10px;margin-bottom: 10px;}
.hzli img{display: block;width: 100%;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: 0.5s;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;border:2px solid #f4f4f4;}
.hzli:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);transform: rotateY(360deg);border:2px solid #ececec;}



.end-t{background: #2a2a2a;}
.end-d{background: #2f2f2f;}
.end-t-s{padding:50px 0;}



.t01,.t02,.t03,.t04{min-height: 150px;margin-bottom:20px;}
.end-t-s-1 li{float: left;margin-bottom: 30px;}
.end-t-s-1 li:after{content: "|";color: #999;padding:0 10px;}
.end-t-s-1 li a{color: #999999;text-transform : uppercase;font-size: 13px;}
.end-t-s-2{ text-transform :  uppercase;font-size: 13px;color: #999;}

.end-t-s-3 span{color: #999;text-transform : uppercase;font-size: 16px;}
.end-t-s-3 p{color: #da0410;text-transform : uppercase;font-size: 20px;font-weight: bold;}
.end-t-s-4 li{line-height: 27px;color: #999;font-size: 14px;}

.end-d{background: #2f2f2f;line-height: 63px;}


.end-d-l span{color: rgba(255,255,255,0.5);font-size: 14px;text-transform : uppercase;}
.end-d-l a{color: rgba(255,255,255,0.5);font-size: 14px;}
.end-d-r a{color: rgba(255,255,255,0.5);font-size: 14px;text-transform : uppercase;}

.t03 img{display: block;margin:0 auto;max-width: 140px;}




/* 产品中心 */
.layui-elem-field {margin: 30px 0 10px 0;padding: 0;margin-top: 30px; margin-bottom: 30px; border:2px solid  #e6e6e6;position: relative;}
.layui-elem-field legend {padding: 0 20px;width: auto;border-bottom: none;text-align: center;margin-left:auto;margin-right:auto;font-size:34px;font-weight: bold;text-transform : uppercase;margin-bottom: 0px;}
.layui-elem-field a{display: block;width: 250px;margin: 0 auto;overflow: hidden;background: #fff;line-height: 36px;bottom: -15px;position: relative;text-align: center;color: #fff;color: #cf0000;font-size: 24px;text-transform : uppercase;}

.probgs .layui-elem-field legend{color: #fff;}

.products {padding:40px 0;}
.probgs{background: url(../Images/p-1.jpg) no-repeat center center;}
.p-t{padding:0 15px;}
.products-li{margin-bottom: 30px;margin-top:10px; }
.products-li img{display: block;width: 90%; height:270px;float: left;}
.products-li-1{height: auto;overflow: hidden;background: #fff;}
.products-li-2{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:3% 5%;background: #fff;}
.products-li-2-1{color: #282828;font-size: 14px;line-height: 45px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.products-li-2-2 span{display: block;width: 30%;height: 3px;background: #807e7e;}
.products-li-2-3{line-height: 22px;font-size: 14px; overflow: hidden;min-height: 66px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;margin: 10px 0;}
.products-li:hover .products-li-2{background: #cf0000;}
.products-li:hover .products-li-2-1{color: #fff;}
.products-li:hover .products-li-2-2 span{background: #fff;}
.products-li:hover .products-li-2-3{color: #fff;}


.case-li{margin-bottom: 30px;margin-top:10px; }
.case-li img{display: block;width: 100%; height:200px;float: left;}
.case-li-1{height: auto;overflow: hidden;background: #fff;}
.case-li-2{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:3% 5%;background: #fff;}
.case-li-2-1{color: #282828;font-size: 14px;line-height: 45px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.case-li-2-2 span{display: block;width: 30%;height: 3px;background: #807e7e;}
.case-li-2-3{line-height: 22px;font-size: 14px; overflow: hidden;min-height: 66px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;margin: 10px 0;}
.case-li:hover .products-li-2{background: #cf0000;}
.case-li:hover .products-li-2-1{color: #fff;}
.case-li:hover .products-li-2-2 span{background: #fff;}
.case-li:hover .products-li-2-3{color: #fff;}


.end_top {background: #cf0000;}
.end_top ul{text-align: center;}
.end_top ul li{display: inline-block;line-height: 110px;margin:0 10px;}
.end_top ul li i{color: #fff;font-size: 35px;}
.end_top_text{line-height: 110px;text-align: center;color: #fff;font-size: 23px;text-transform : uppercase;}
.end_top_a {}
.end_top_a a {display: block;height: 60px;width: 60%;background: #040404;text-align: center;line-height: 60px;margin:25px auto;color: #fff;font-size: 17px;}



/* left */
.widget {background: #fff;width: 100%; margin-top:30px;}
.widget .short_title{background: #0076bc;line-height: 62px;text-align: center;font-size: 24px;text-transform : uppercase; color: #fff;text-transform : uppercase;}
.widget .short_title i{color: #fff;font-size: 24px;}
#pro_list li{padding:0 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #eeeeee; line-height: 51px;}
#pro_list li a{font-size: 16px;color: #282828;display: block;width: 100%;height: 100%;}

.widget-c-2 img {display: block;width: 100%;}

.widget-c-3 {height: 90px;background: #008fe4;width: 100%;float: left;}
.widget-c-3  a{display: block;height: 50px;width: 220px;margin:20px auto;background: #0076bc;border-radius: 25px;font-size: 16px;line-height: 50px;text-align: center;font-weight: bold;color: #fff; }

.widget-c-4{height: 50px;font-size: 16px;line-height: 50px;background: #0076bc;text-align: center;}
.widget-c-4 a{color: #fff; }



.contact-b{background: #fff;padding:30px;}
.contact-1{padding:53px 30px;margin-left:-1px;}
.contact-1-1{line-height: 35px;color: #383737;font-size: 14px;}
.contact-1-1 i{margin-right: 20px;}

.contact-2{padding:20px 30px;margin-left:-1px;margin-top: 30px;}
.contact-2 img{display: block;width: 80%;margin:0 auto;}
.contact-2 span{display: block;text-align: center;font-size: 14px;color: #383737;}
.contact-2 b{line-height: 35px;text-align: center;display: block;font-size: 24px;}
.contact-2:nth-of-type(3) span{display: block;text-align: center;font-size: 14px;color: #383737;}


.contact-order .container{background: #fff;margin: 40px auto;padding:30px 0px;}

.swiper-container{width:100%;height:100%}
.swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-slide img{display:block;width:90%;margin:5%}
.swiper-slide span{line-height:45px;text-align:center;padding-bottom:20px;display:block;width:100%;color: #fff;}
.left-b{background:#cf0000;margin-top: 40px;}



.right{}


.page {line-height: 100px;text-align: center;}

.page a{display: inline-block;padding:5px 10px;}
.page .current{display: inline-block;padding:5px 10px;background: #f7f7f7;}



.pro-tops{background: #f6f6f6;}
.pro-topcc{margin:0px auto;}
.pro-topc{padding:20px;background: #fff;margin:20px auto;}


.g_gallery{ padding: 25px 15px;}
.g_gallery .g_pic{ width:100%; border:1px solid #dddddd;overflow: hidden;background: url(../Images/pro_bg.png) center center/cover no-repeat;}
.g_gallery .g_pic a{ display: table-cell; width:1%; text-align: center; vertical-align: middle;}
.g_gallery .g_pic a img{ max-width:100%; max-height:553px; }
.g_gallery .g_thumb{ margin-top:12px;}
.g_gallery .g_thumb li{width: 20%;float: left; border:1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin:0 2.5%;}

.g_gallery .g_thumb li.on,.g_gallery .g_thumb li:hover{ border-color:#ef3b2d;}
.g_gallery .g_thumb li a{display: table-cell;width: 100%;   text-align: center;}
.g_gallery .g_thumb li a img{ max-width:100%;max-height: 100%;}


.g_sumary1 {line-height: 55px;font-size: 30px;color:#282828;}
.g_sumary2 span{width: 30%;display: block;height: 2px;background: #807e7e;margin-top: 20px;} 
.g_sumary3 { font-size: 14px;color: #999999;margin: 20px 0;line-height:     34px;padding-bottom: 30px;}
.g_sumary4 {padding-top: 40px;padding-bottom: 40px;border-top:1px solid #eaeaea;border-bottom: 1px solid #eaeaea;text-align: center;height: auto;overflow: hidden;}
.g_sumary41,.g_sumary42,.g_sumary43{float: left;width: 33%;display: inline-block;height: 52px;}
.g_sumary42{border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;}
.g_sumary4 span{display: block;width: 100%;font-size:14px;font-family: Arial;color: #282828;text-transform : uppercase;}
.g_sumary4 em{font-style: normal;font-family: "Impact";color: #282828;font-size: 18px;}
.g_sumary5 {width: 100%;height: auto;overflow: hidden;}
.g_sumary5 a{width: 190px;height: 56px;display: block;margin:30px 10px;float: left;background: #eaeaea;text-align: center;line-height: 56px;font-size: 16px;}
.g_sumary5 a:nth-of-type(2){background: #cf0000;color: #fff;}
.g_sumary6 li{float: left;margin:0 20px;}
.g_sumary6 li i{font-size: 23px;color: #ccc;}

.g_sumary{padding:20px 55px;}
.g_sumary b{ color: #303030;}
.g_sumary .product_title{ font-size:24px; font-weight:400; color: #3c3c3c; line-height:2;}
.g_sumary .product_desc{ line-height:28px; padding-bottom:20px;}
.g_sumary .product_brief{ font-size: 16px; line-height:28px; color: #8b8b8b; border-bottom:1px solid #eee; padding-bottom:20px;}
.g_sumary .product_spec{ padding:15px 0; border-bottom:1px solid #eee;}
.g_sumary .product_spec li{ line-height:38px; color: #3f3f3f;}
.g_sumary .product_spec:after{ clear: both; content: ''; display: block;}
.g_sumary .product_spec dt{ display: inline-block;  line-height: 36px; font-size: 14px;color: #3f3f3f; margin-bottom:5px;}
.g_sumary .product_spec dd{ display: inline-block; width: 470px; vertical-align: top;}
.g_sumary .product_spec dd a{display: inline-block; padding:3px 8px; font-size:14px; border:1px solid #ddd; margin:5px 6px; margin-left:0;}
.g_sumary .product_spec dd a:hover,.g_sumary .product_spec dd a.current{color: #ef3729; border-color: #ef3729;}
.g_sumary .product_tels { padding-top: 16px;color: #4a4a4a;}
.g_sumary .product_tels p img{ margin-right:5px;}
.g_sumary .product_tels h3{text-indent: 31px; font-family: Impact;font-weight: bold; color: #ef3729;font-size: 36px;}




.nav-s{line-height: 62px;background: #cf0000;width: 100%;height: auto;overflow: hidden;}
.nav-s a{display: block;height: 62px;font-family: Arial;font-size: 22px;float: left;color: #fff;padding:0 40px;text-transform : uppercase;}
.nav-s a:hover{background: #b60202;}

.pr-content{padding:15px;font-size: 17px;line-height: 35px;}


.order-nas{line-height: 62px;background: #eeeeee;width: 100%;height: auto;overflow: hidden;}
.order-nas span{display: block;height: 62px;font-family: Arial;font-size: 22px;float: left;color: #fff;padding:0 40px;text-transform : uppercase;background: #cf0000;}
.order-nas em{display: block;padding:0 20px;color: #666666;font-size: 14px; font-style:normal;font-size: 16px;}
.order-c{background: #fff;padding:20px;}
.order {width: 100%;height: auto;}
.order tr{margin:8px 0;display: block;float: left;width: 100%;}
.order td{display: block!important;float: left!important;}
.order .t_r{font-size: 14px;color: #383737;line-height: 45px;}
.order input{display: block;width: 100%;outline: none;background: #f5f5f5;border:1px solid #e1e1e1;text-indent: 2em;line-height: 45px;}
.order #content{height: 80px;display: block;width: 100%;}
.order #captcha{width: auto;float: left;}
.order #submit{display: block;margin:0 auto;background: #cf0000;color: #fff;}


.order  #pro_name{display: block;width: 100%;outline: none;background: #f5f5f5;border:1px solid #e1e1e1;text-indent: 2em;line-height: 45px;}

.order td{line-height: 45px;}

.news_two_img{display: block;}
.news_two_txt{display: block;}
.news .news_two_box{display: block;width: 100%;height: auto;float: left;
    border: 1px solid transparent;
    position: relative;
    background: #f7f7f7;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;margin:30px auto;padding:20px;}
.news  .news_two_img{padding-left:0;}
.news .news_two_box img{display: block;width: 100%; height:200px;}
.i_buttontext{width: 20%;margin:0 auto;border-radius: 30px;height: 30px;line-height: 30px!important;border:1px solid #ccc;text-align: center;font-style: normal;text-transform : uppercase;}




.navsbg .container{padding:0;}
.nav .container{padding:0;}

.nav li{float: left;text-align: center;}
.nav_pc ul{margin: 0 auto;padding-left:100px;}
.nav_pc li{width: 12%;line-height: 55px;}

.nav_pc li a{display: block;color: #fff;font-size: 16px;transition: all .4s;font-weight:bold;}
.nav_pc li a:hover{background: #a90f0e;}


.nav_mobile .container{padding-left: 0;padding-right: 0;}
.nav_mobile li{width: 25%;line-height: 50px;border-right:solid 1px rgba(255,255,255,.1);border-bottom:solid 1px rgba(255,255,255,.1);float: left;text-align: center;}
.nav_mobile li a{display: block;color: #fff;font-size: 16px;transition: all .4s;font-weight:bold;}
.nav_mobile li a:hover{background: #bc0000;}




.news_two_box span{display: block;width: 100%;line-height: 45px;
    font-size: 18px;
    color: #717171;
    transition: all .3s ease-out 0s;  overflow: hidden;font-weight: lighter;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;margin-bottom: 20px;}






.news_two_txt i{display: block;width: 100%;color: #A2A2A2;line-height: 24px;display: block;
    overflow: hidden;transition: all .3s ease-out 0s;font-style: normal;

 overflow: hidden;font-weight: lighter;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;margin-bottom: 20px;



}
.ser_but i{height: 35px;line-height: 35px;transition: all 0.3s;}
.news .news_two_box:hover{    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);}

.news-info {width: 100%;background: #fff;margin-bottom: 40px;}
.news-info-1{white-space: normal;line-height: 40px;font-size: 30px;text-align: center;padding:40px 0 20px 0;}
.news-info-2{white-space: normal;line-height: 40px;font-size: 14px;text-align: center;margin:40px 0;background: #f3f3f3;}
.news-info-3{font-size: 17px;line-height: 32px;margin-bottom: 40px;}
.news-info-4{height: auto;overflow: hidden;}
.news-info-4 li{display: block;float: left;width: 100%;line-height: 35px;border:1px solid #f3f3f3; border-radius: 17px;text-indent: 10px;margin:10px 0;transition: 0.5s ease-out}
.news-info-4 li:hover{ background: #cf0000; }
.news-info-4 li:hover a{color: #fff;}
.news-info-4 li:hover {color: #fff;}







@media (max-width: 640px)
{   
  .main .left{padding-left:0;padding-right:0;}
   .main .right{padding-left:0;padding-right:0;}
   .products-li{padding-left:5px;padding-right:5px;}
   .pro-topc{padding:0;}
   .g_sumary{padding:20px 5px;}
   .headers .logo img{margin:20px 0px!important;}
   .bannerzy{padding-top: 10px;}
   .bannerzy .catname{font-size: 32px;}
   .news .news_two_img{padding-right: 0px;}
   .news_two_box span{margin-bottom: 0px; }
   .news_two_date span{font-size: 12px;margin:0;}
   .slideGroup .parHd ul li{line-height: 35px;width: 50%;text-align: center;padding:0 2px;overflow: hidden;float: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
    .slideGroup .parHd ul li a{font-size: 14px;}
    .box2li{padding:0;}
    .about-cr{padding:0;}
    .about-cr-c1{font-size: 14px;line-height: 23px;margin-bottom: 40px;}
    .about-cr-c2{display: none;}
    .newc-li-1{font-size: 17px;}
    .newc-li{padding:10px;}
    .newc-li-2{font-size: 14px;}
    .newc-li-3{font-size: 12px;}
    .nos{padding:0;}
    .noss{padding:0!important;}
    .m-product{padding:0;}
    .nos .slideGroup .parHd{margin:0 0 30px 0!important;}
    .news .news_two_box{
    margin:0px auto;padding:5px;}
    .news_two_txt{padding:0;}
    .news_two_txt i{margin-bottom: 0px;}
    .news_two_but{display: none;}
    .contact-order .container{background: #fff;margin: 10px auto;padding:0px;}
    .order img{display: block;height: 45px;float: left;}
	.products-li img{height:120px;}
}


.mobile_footer{ width: 100%; height: 60px; background: #262932; left: 0px; bottom:0px; position: fixed; float: left;z-index: 999;}
.mobile_footer a{ color:#fff; display: block; width: 20%; height: 100%;float: left; line-height:80px; text-align: center;font-size: 100%;font-family: "微软雅黑";}
.f1{ width:100%; background:url(../Images/footer_home.png) no-repeat  center 20%; background-size: 20px; height:100%; float:left;  text-align:center;}
.f2{width:100%;background:url(../Images/footer_tel.png) no-repeat center 20%; background-size: 20px;  height:100%; float:left;text-align:center;}
.f3{width:100%;background:url(../Images/footer_email.png) no-repeat center 20%;  background-size: 20px; height:100%; float:left;text-align:center;}
.f4{width:100%;background:url(../Images/footer_map.png) no-repeat center 20%;  background-size: 20px; height:100%; float:left;text-align:center;}
.f5{width:100%;background:url(../Images/footer_top.png) no-repeat center 20%;  background-size: 20px; height:100%; float:left;text-align:center;}
@media screen and (max-width:765px){
   #footer{margin-bottom: 60px;padding-bottom: 4%;}
} 


@media (max-width: 768px)
{   
	.s-r img{display: block;max-width: 100%;}
	.s-r-l{height: auto;overflow: hidden;}
	.banner .container{height: auto;overflow: hidden;}
	.box3 .reli span i{font-size: 60px;}
  .banner{margin-top: 160px;}
  .slideGroup .parBd ul li img{height:150px;}
  .case-li img{height:130px;}
}


@media (min-width: 768px)
{   .navbar-nav {margin: 0;text-align: center;}
    .navbar-nav > li {display: inline-block;float: none;}
    .navbar-nav > li > a {padding-top: 0;padding-bottom: 0;display: block;line-height: 60px; padding: 0 23px;}
	.slideGroup .parHd ul li{padding:0 27px;}
	.slideGroup .parBd ul li img{height:250px;}
}


@media (min-width: 768px) and (max-width: 1200px)
{   
	.s-r{padding-top: 15%;}
	.s-r img{display: block;max-width: 100%;}
	.s-r-l{margin-bottom: 30px;height: auto;overflow: hidden;}
	.s-lp{display: block;height: 100%;width: auto;max-width: none;opacity: 0.2;}
	.container {width: 100%;}
    .nav > li > a{color: #fff;position: relative;font-weight: 200;text-transform : uppercase;font-size: 16px;padding:0 18px;}
	.products-li img{height:150px;}
	.case-li img{height:150px;}

}
@media (max-width: 1200px)
{
	.product-content{width: 100%;}
	.youshi-content{width: 100%;}
	.about-content{width: 100%;}
}

@media (max-width: 768px){
	.container {width: 100%;}
	.tops .container {width: 100%;}
	.s-l{position: absolute;top: 0vw;}
	.s-l img{display: block;opacity: 0.2;}
	.s-r{position: relative;padding-bottom: 30px;}
}

/* —————————————————————————————————————————————— */
/* CMS系统样式定义 */
/* —————————————————————————————————————————————— */

/*public.css 3.2版*/
.list_page{text-align:center;margin:0px;display:block; margin-bottom:30px;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

/*artshow.css*/
.sgPage #sdcms_content img{
max-width: 85%; 
}
.sgPage  .content img{
max-width: 85%; 
}

.sgPage .title{line-height:30px;height:30px;margin:30px 0 15px 0;}
.sgPage .title h1{font-size:18px;font-family:microsoft yahei;text-align:center;font-weight:normal;margin:0;}
.sgPage .item{color:#999;text-align:center;margin:20px 0;font-family:arial;border-bottom:1px solid #f0f0f0;padding:0 0 15px 0;}
.sgPage .item a{color:#6f5119;}
.sgPage .content{word-break:break-all;line-height:30px;color:#2b2b2b;}
.sgPage .content a{color:#2b2b2b;}
.sgPage .content p{margin:10px 0;font-size:16px;padding-top:10px; text-indent:2em;}



.subnav {
    margin-bottom: 60px;
    border-bottom: #d6d6d6 1px solid;

}
.subnav li {
    position: relative;
    float: left;
    margin-right: 3.3%;
}
.subnav li > a {
    font-size: 18px;
    color:#333333;
    line-height: 72px;
}
.subnav li.cur:after, .subnav li:hover:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: -2px;
    width: 100%;
    height: 3px;
    background-color: #e6002f;
}